<!DOCTYPE html>
<html>
<head>
<title>nanoScroller.js</title>
<link rel="stylesheet" href="css/nanoscroller.css">
</head>
<body style="padding: 30px;">
	<div class="nano" style="width: 400px;height: 200px;border:1px solid #ddd;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;">
		<div class="nano-content">
			<p>dsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsds</p>
			<p>dsdsdsdsdsdsdsdsdsdsdsds</p>
			<p>dsdsdsdsdsdsdsdsdsdsdsds</p>
			<p>dsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsdsds</p>
			<p>dsdsdsdsdsdsdsdsdsdsdsds</p>
			<p>dsdsdsdsdsdsdsdsdsdsdsds</p>
			<p>dsdsdsdsdsdsdsdsdsdsdsds</p>
			<p>dsdsdsdsdsdsdsdsdsdsdsds</p>
			<p>dsdsdsdsdsdsdsdsdsdsdsds</p>
			<p>dsdsdsdsdsdsdsdsdsdsdsds</p>
		</div>
	</div>
	<script type="text/javascript" src="javascripts/jquery.min.js"></script>
	<script type="text/javascript" src="javascripts/jquery.nanoscroller.js"></script>
	<script type="text/javascript">
		$(function() {
			$('.nano').nanoScroller();
		});
	</script>
</body>
</html>
